<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<sec:authentication property="principal" var="currentPrincipal" scope="page"/>

<div class="modal-dialog ms-modal-dialog">
  <div class="modal-content">
	
	  <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
      <h4 class="modal-title">司机信息查询</h4>
    </div>
	
    <form class="form-horizontal ms-form modal-search-form" method="GET" action="${ctx.host}/driver-audits">
    
      <input type="hidden" name="filter" value="true">
      
      <div class="form-group ms-form-group">
        <label class="col-xs-4 control-label">所属公司：</label>
        <div class="col-xs-7">
          <select name="supplierId" class="select2 form-control" tabindex="1">
            <option></option>
            <c:forEach var="supplier" items="${suppliers}">
              <option value="${supplier.id}">${supplier.name}</option>
            </c:forEach>
          </select>
        </div>
      </div>
      
      <div class="form-group ms-form-group">
        <label class="col-xs-4 control-label">所属供方代码：</label>
        <div class="col-xs-7">
           <input type="text" name="supplierCode" class="form-control" value="" placeholder="" />
        </div>
      </div>
      
      <div class="form-group ms-form-group">
        <label class="col-xs-4 control-label">所属供方名称：</label>
        <div class="col-xs-7">
           <input type="text" name="supplierName" class="form-control" value="" placeholder="" />
        </div>
      </div>

      <div class="form-group ms-form-group">
        <label class="col-xs-4 control-label">人员工号：</label>
        <div class="col-xs-7">
          <input type="text" name="code" class="form-control" placeholder="人员工号" value="" tabindex="4" autocomplete="off">
        </div>
      </div>
        
      <div class="form-group ms-form-group">  
        <label class="col-xs-4 control-label">身份证号：</label>
        <div class="col-xs-7">
          <input type="text" name="citizenCode" class="form-control" placeholder="身份证号" value="" tabindex="5" autocomplete="off">
        </div>
      </div>
      
      <div class="form-group ms-form-group">
        <label class="col-xs-4 control-label">审核状态：</label>
        <div class="col-xs-7">
          <select name="status" class="select2 form-control" tabindex="8">
            <option></option>
            <c:forEach var="status" items="${enums['DriverAuditStatus']}">
              <option value="${status}">${status.description}</option>
            </c:forEach>
          </select>
        </div>
      </div>
      
      <div class="form-group ms-form-group">
        <label class="col-xs-4 control-label">供方所属默认分区：</label>
        <div class="col-xs-7">
          <select class="select2 form-control" name="branchId" tabindex="1">
            <option ></option>
            <c:forEach var="branch" items="${selection.branch}">
              <option value="${branch.id}">${branch.name}</option>
            </c:forEach>
          </select>
        </div>
      </div>

      <div class="form-group ms-form-group">
        <label class="col-xs-4 control-label">司机姓名：</label>
        <div class="col-xs-7">
          <input type="text" name="name" class="form-control" placeholder="司机姓名" value="" tabindex="5" autocomplete="off">
        </div>
      </div>

      <div class="modal-footer ms-modal-footer">
        <button type="submit" class="btn ms-btn btn-primary">查询</button>
        <button type="button" class="btn ms-btn ms-btn-gary" data-dismiss="modal">取消</button>
      </div>
      
    </form>
	
  </div>
</div>

<script type="text/javascript">
  $(document).ready(function(e) {

    $('select[name="supplierId"]').select2({
      theme: "classic",
      placeholder : '请选择',
      minimumResultsForSearch : 5,
      allowClear : true
    });
    
    $('select[name="status"]').select2({
      theme: "classic",
      placeholder : '请选择',
      minimumResultsForSearch : -1,
      allowClear : true,
    });
    
    $('select[name="branchId"]').select2({
      theme: "classic",
      placeholder : '请选择',
      minimumResultsForSearch : -1,
      allowClear : true,
    });
    
  });
</script>